<template>
  <div>
    <el-row :gutter="15">
      <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
        <el-col :span="6">
          <el-form-item label="降压" prop="field102">
            <el-checkbox-group v-model="formData.field102" size="medium">
              <el-checkbox v-for="(item, index) in field102Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="20">
          <el-form-item label="利尿药" prop="field103">
            <el-checkbox-group v-model="formData.field103" :max="6" size="medium">
              <el-checkbox v-for="(item, index) in field103Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="20">
          <el-form-item label="钙拮抗剂" prop="field104">
            <el-checkbox-group v-model="formData.field104" :max="7" size="medium">
              <el-checkbox v-for="(item, index) in field104Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="20">
          <el-form-item label="6受体阻滞剂" prop="field105">
            <el-checkbox-group v-model="formData.field105" :max="7" size="medium">
              <el-checkbox v-for="(item, index) in field105Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="20">
          <el-form-item label="ACEI" prop="field106">
            <el-checkbox-group v-model="formData.field106" :max="10" size="medium">
              <el-checkbox v-for="(item, index) in field106Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="20">
          <el-form-item label="ARB" prop="field107">
            <el-checkbox-group v-model="formData.field107" :max="5" size="medium">
              <el-checkbox v-for="(item, index) in field107Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="7">
          <el-form-item label="降糖" prop="field109">
            <el-checkbox-group v-model="formData.field109" :max="7" size="medium">
              <el-checkbox v-for="(item, index) in field109Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="20">
          <el-form-item label="格列奈类" prop="field110">
            <el-checkbox-group v-model="formData.field110" :max="2" size="medium">
              <el-checkbox v-for="(item, index) in field110Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="a -穂甘酶抑制剂类" prop="field111">
            <el-checkbox-group v-model="formData.field111" :max="2" size="medium">
              <el-checkbox v-for="(item, index) in field111Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="双顺类" prop="field112">
            <el-checkbox-group v-model="formData.field112" :max="2" size="medium">
              <el-checkbox v-for="(item, index) in field112Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="格列酮类" prop="field113">
            <el-checkbox-group v-model="formData.field113" :max="2" size="medium">
              <el-checkbox v-for="(item, index) in field113Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="磺脲类" prop="field114">
            <el-checkbox-group v-model="formData.field114" :max="3" size="medium">
              <el-checkbox v-for="(item, index) in field114Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="胰岛素" prop="field115">
            <el-checkbox-group v-model="formData.field115" :max="2" size="medium"></el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="其他" prop="field116">
            <el-checkbox-group v-model="formData.field116" size="medium"></el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="7">
          <el-form-item label="降脂" prop="field118">
            <el-checkbox-group v-model="formData.field118" size="medium">
              <el-checkbox v-for="(item, index) in field118Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="他汀类" prop="field119">
            <el-checkbox-group v-model="formData.field119" :max="6" size="medium">
              <el-checkbox v-for="(item, index) in field119Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="贝特类" prop="field120">
            <el-checkbox-group v-model="formData.field120" :max="4" size="medium">
              <el-checkbox v-for="(item, index) in field120Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="烟酸类" prop="field121">
            <el-checkbox-group v-model="formData.field121" :max="3" size="medium">
              <el-checkbox v-for="(item, index) in field121Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="树脂类" prop="field122">
            <el-checkbox-group v-model="formData.field122" :max="4" size="medium">
              <el-checkbox v-for="(item, index) in field122Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="胆固醇吸收抑制剂" prop="field123">
            <el-checkbox-group v-model="formData.field123" :max="1" size="medium">
              <el-checkbox v-for="(item, index) in field123Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="其他" prop="field124">
            <el-checkbox-group v-model="formData.field124" size="medium"></el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="7">
          <el-form-item label="抗凝" prop="field125">
            <el-checkbox-group v-model="formData.field125" :max="4" size="medium">
              <el-checkbox v-for="(item, index) in field125Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="维生素K拮抗剂" prop="field126">
            <el-checkbox-group v-model="formData.field126" :max="1" size="medium">
              <el-checkbox v-for="(item, index) in field126Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="増加抗凝血酶活性" prop="field127">
            <el-checkbox-group v-model="formData.field127" :max="3" size="medium">
              <el-checkbox v-for="(item, index) in field127Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="凝血因子抑制剂" prop="field128">
            <el-checkbox-group v-model="formData.field128" :max="1" size="medium">
              <el-checkbox v-for="(item, index) in field128Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="其他" prop="field129">
            <el-checkbox-group v-model="formData.field129" size="medium"></el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="抗血小板" prop="field130">
            <el-checkbox-group v-model="formData.field130" size="medium">
              <el-checkbox v-for="(item, index) in field130Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="环氧化酶1抑制剂" prop="field132">
            <el-checkbox-group v-model="formData.field132" :max="1" size="medium">
              <el-checkbox v-for="(item, index) in field132Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="ADP受体拮抗剂" prop="field133">
            <el-checkbox-group v-model="formData.field133" :max="1" size="medium">
              <el-checkbox v-for="(item, index) in field133Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="抑制血小板磷酸二酯酶" prop="field134">
            <el-checkbox-group v-model="formData.field134" :max="2" size="medium">
              <el-checkbox v-for="(item, index) in field134Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="其他" prop="field136">
            <el-checkbox-group v-model="formData.field136" size="medium"></el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="21">
          <el-form-item label="降同型半胱氨酸" prop="field140">
            <el-checkbox-group v-model="formData.field140" :max="3" size="medium">
              <el-checkbox v-for="(item, index) in field140Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="7">
          <el-form-item label="中药治疗" prop="field137">
            <el-checkbox-group v-model="formData.field137" :max="2" size="medium">
              <el-checkbox v-for="(item, index) in field137Options" :key="index" :label="item.value"
                :disabled="item.disabled">{{item.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="其他药物" prop="field180">
            <el-input v-model="formData.field180" placeholder="请输入其他药物" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item size="large">
            <el-button type="primary" @click="submitForm">提交</el-button>
            <el-button @click="resetForm">重置</el-button>
          </el-form-item>
        </el-col>
      </el-form>
    </el-row>
  </div>
</template>
<script>
export default {
  components: {},
  props: [],
  data() {
    return {
      formData: {
        field102: [],
        field103: [5],
        field104: [1],
        field105: [""],
        field106: [""],
        field107: [""],
        field109: [],
        field110: [],
        field111: [],
        field112: [],
        field113: [],
        field114: [],
        field115: [],
        field116: [],
        field118: [""],
        field119: [],
        field120: [""],
        field121: [""],
        field122: [""],
        field123: [2],
        field124: [],
        field125: [""],
        field126: [""],
        field127: [],
        field128: [],
        field129: [],
        field130: [""],
        field132: [""],
        field133: [""],
        field134: [""],
        field136: [],
        field140: [""],
        field137: [""],
        field180: undefined,
      },
      rules: {
        field102: [],
        field103: [],
        field104: [],
        field105: [],
        field106: [],
        field107: [],
        field109: [],
        field110: [],
        field111: [],
        field112: [],
        field113: [],
        field114: [],
        field115: [],
        field116: [],
        field118: [],
        field119: [],
        field120: [],
        field121: [],
        field122: [],
        field123: [],
        field124: [],
        field125: [],
        field126: [],
        field127: [],
        field128: [],
        field129: [],
        field130: [],
        field132: [],
        field133: [],
        field134: [],
        field136: [],
        field140: [],
        field137: [],
        field180: [{
          required: true,
          message: '请输入其他药物',
          trigger: 'blur'
        }],
      },
      field102Options: [{
        "label": "利尿药",
        "value": 1
      }, {
        "label": "钙拮抗剂",
        "value": 2
      }, {
        "label": "6受体阻滞剂",
        "value": 3
      }, {
        "label": "ACEI",
        "value": 4
      }, {
        "label": "ARB",
        "value": 5
      }, {
        "label": "其他",
        "value": 6
      }],
      field103Options: [{
        "label": "安体舒通",
        "value": 1
      }, {
        "label": "吠塞米",
        "value": 2
      }, {
        "label": "氢氯噻嗪",
        "value": 3
      }, {
        "label": "引达帕胺",
        "value": 4
      }, {
        "label": "螺内脂",
        "value": 5
      }, {
        "label": "布美他尼",
        "value": 6
      }],
      field104Options: [{
        "label": "氨氯地平",
        "value": 1
      }, {
        "label": "非洛地平",
        "value": 2
      }, {
        "label": "硝苯地平",
        "value": 3
      }, {
        "label": "尼群地平",
        "value": 4
      }, {
        "label": "拉西地平",
        "value": 5
      }, {
        "label": "尼卡地平",
        "value": 6
      }, {
        "label": "地尔硫卓",
        "value": 7
      }],
      field105Options: [{
        "label": "奥美沙坦",
        "value": 1
      }, {
        "label": "普蔡洛尔",
        "value": 2
      }, {
        "label": "阿替洛尔",
        "value": 3
      }, {
        "label": "比索•洛尔",
        "value": 4
      }, {
        "label": "拉贝洛尔",
        "value": 5
      }, {
        "label": "塞利洛尔",
        "value": 6
      }, {
        "label": "卡维地洛",
        "value": 7
      }],
      field106Options: [{
        "label": "赖诺普利",
        "value": 1
      }, {
        "label": "福辛普利",
        "value": 2
      }, {
        "label": "培噪普利",
        "value": 3
      }, {
        "label": "依那普利",
        "value": 4
      }, {
        "label": "四拉普利",
        "value": 5
      }, {
        "label": "雷 米普利",
        "value": 6
      }, {
        "label": "卡维地洛",
        "value": 7
      }, {
        "label": "咪込普利",
        "value": 8
      }, {
        "label": "贝廉普利",
        "value": 9
      }, {
        "label": "卡托普利",
        "value": 10
      }],
      field107Options: [{
        "label": "奥美沙坦",
        "value": 1
      }, {
        "label": "替米沙坦",
        "value": 2
      }, {
        "label": "氯沙坦",
        "value": 3
      }, {
        "label": "缬沙坦",
        "value": 4
      }, {
        "label": "厄贝沙坦",
        "value": 5
      }],
      field109Options: [{
        "label": "格列奈类",
        "value": 1
      }, {
        "label": "a -穂甘酶抑制剂类",
        "value": 2
      }, {
        "label": "双顺类",
        "value": 3
      }, {
        "label": "格列酮类",
        "value": 4
      }, {
        "label": "磺脲类",
        "value": 5
      }, {
        "label": "胰岛素",
        "value": 6
      }, {
        "label": "其他",
        "value": 7
      }],
      field110Options: [{
        "label": "瑞格列奈",
        "value": 1
      }, {
        "label": "那格列奈",
        "value": 2
      }],
      field111Options: [{
        "label": "阿卡波糖",
        "value": 1
      }, {
        "label": "伏格列波糖",
        "value": 2
      }],
      field112Options: [{
        "label": "二甲双胍",
        "value": 1
      }, {
        "label": "苯乙双胍匚丁二胍",
        "value": 2
      }],
      field113Options: [{
        "label": "毗格列酮",
        "value": 1
      }, {
        "label": "罗格列酮",
        "value": 2
      }],
      field114Options: [{
        "label": "格列本脲",
        "value": 1
      }, {
        "label": "格列毗嗪",
        "value": 2
      }, {
        "label": "格列齐特",
        "value": 3
      }],
      field118Options: [{
        "label": "他汀类",
        "value": 1
      }, {
        "label": "贝特类",
        "value": 2
      }, {
        "label": "烟酸类",
        "value": 3
      }, {
        "label": "树脂类",
        "value": 4
      }, {
        "label": "胆固醇吸收抑制剂",
        "value": 5
      }, {
        "label": "其他",
        "value": 7
      }],
      field119Options: [{
        "label": "阿托伐他汀",
        "value": 1
      }, {
        "label": "瑞舒伐他汀",
        "value": 2
      }, {
        "label": "辛伐他汀",
        "value": 3
      }, {
        "label": "普伐他汀",
        "value": 4
      }, {
        "label": "CC",
        "value": 5
      }, {
        "label": "洛伐他汀",
        "value": 6
      }],
      field120Options: [{
        "label": "菲诺.贝特",
        "value": 1
      }, {
        "label": "吉非贝齐",
        "value": 2
      }, {
        "label": "苯扎贝特",
        "value": 3
      }, {
        "label": "氣贝特",
        "value": 4
      }],
      field121Options: [{
        "label": "烟酸",
        "value": 1
      }, {
        "label": "氧甲吡嗪",
        "value": 2
      }, {
        "label": "阿西莫司",
        "value": 3
      }],
      field122Options: [{
        "label": "橡胶种了油",
        "value": 1
      }, {
        "label": "月见基子",
        "value": 2
      }, {
        "label": "水飞蓟种了油",
        "value": 3
      }, {
        "label": "海鱼油制剂",
        "value": 4
      }],
      field123Options: [{
        "label": "依折麦布",
        "value": 1
      }],
      field125Options: [{
        "label": "维生素K拮抗剂",
        "value": 1
      }, {
        "label": "増加抗凝血酶活性",
        "value": 2
      }, {
        "label": "凝血因子抑制剂",
        "value": 3
      }, {
        "label": "凝血酶抑制剂",
        "value": 4
      }, {
        "label": "其他",
        "value": 5
      }],
      field126Options: [{
        "label": "华法林",
        "value": 1
      }],
      field127Options: [{
        "label": "晋通肝素",
        "value": 1
      }, {
        "label": "水蛭素",
        "value": 2
      }, {
        "label": "低分子肝素",
        "value": 3
      }],
      field128Options: [{
        "label": "利伐沙班",
        "value": 1
      }],
      field130Options: [{
        "label": "环氧化酶1抑制剂",
        "value": 1
      }, {
        "label": "ADP受体拮抗剂",
        "value": 2
      }, {
        "label": "抑制血小板磷酸二酯酶",
        "value": 3
      }, {
        "label": "其他",
        "value": 4
      }],
      field132Options: [{
        "label": "阿司匹林",
        "value": 1
      }],
      field133Options: [{
        "label": "氯吡格雷",
        "value": 1
      }],
      field134Options: [{
        "label": "双嘧达莫",
        "value": 1
      }, {
        "label": "西洛他唑",
        "value": 2
      }],
      field140Options: [{
        "label": "叶酸",
        "value": 1
      }, {
        "label": "VitB12",
        "value": 2
      }, {
        "label": "VitB6",
        "value": 3
      }],
      field137Options: [{
        "label": "中成药",
        "value": 1
      }, {
        "label": "汤药",
        "value": 2
      }],
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    submitForm() {
      this.$refs['elForm'].validate(valid => {
        if (!valid) return
        // TODO 提交表单
      })
    },
    resetForm() {
      this.$refs['elForm'].resetFields()
    },
  }
}

</script>
<style>
</style>
